<template>
    <section class="app-main">
        <!-- 内部应该显示子路由页面信息 -->
        <router-view v-slot="{ Component }">
            <component :is="Component" />
        </router-view>
        <!-- router-view根组件内部只能有一个元素 -->
        <ThemeDrawer />  
    </section>
</template>

<script>
import ThemeDrawer from './ThemeDrawer/index.vue'
export default {
    name: 'AppMain',
    components: {
        ThemeDrawer
    }
}
</script>

<style lang="scss" scoped>
.app-main {
  /*50 = navbar  */
  min-height: calc(100vh - 50px);
  width: 100%;
  position: relative;
  overflow: hidden;
}
</style>
